<!doctype html>
<html lang="zh-CN">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>前端原型 - 注册</title>
  <link rel="stylesheet" href="../assets/wireframe.css" />
</head>
<body>
  <div class="app-shell">
    <header class="wf-header">
      <div class="wf-title">注册新用户</div>
      <a class="wf-btn" href="./login.html">返回登录</a>
    </header>
    <main class="wf-container">
      <div class="wf-grid">
        <div class="col-12">
          <div class="wf-card">
            <div class="wf-section-title">用户注册</div>
            <div class="wf-row"><input class="wf-input" placeholder="用户名" /></div>
            <div class="wf-row"><input class="wf-input" placeholder="邮箱" /></div>
            <div class="wf-row"><input class="wf-input" type="password" placeholder="密码" /></div>
            <div class="wf-row"><input class="wf-input" type="password" placeholder="确认密码" /></div>
            <div class="wf-row">
              <button class="wf-btn primary" id="regBtn">注册并登录</button>
              <a class="wf-btn" href="./login.html">返回登录</a>
            </div>
            <div class="wf-note">提示：点击"注册并登录"仅模拟注册并跳转到主页面。</div>
          </div>
        </div>
      </div>
    </main>
  </div>
  <script src="../assets/wireframe.js"></script>
  <script>
    document.getElementById('regBtn').addEventListener('click', ()=>{ WF.setLoggedIn(true); location.href='./main.html'; });
  </script>
</body>
</html>


